import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path' // path模块找不到安装 @types/node
// import legacyPlugin from '@vitejs/plugin-legacy'; // 在安卓7低版本显示白屏问题
// import VueSetupExtend from 'vite-plugin-vue-setup-extend'; // 在script setup中加name代替v2的name属性

export default defineConfig({
  plugins: [
    vue(),
    // VueSetupExtend(),
    // legacyPlugin({
    //   targets: ['chrome 52'], // 需要兼容的目标列表，可以设置多个
    //   // additionalLegacyPolyfills: ['regenerator-runtime/runtime'], // 面向IE11时需要此插件
    // }),
  ],
  resolve: {
    alias: {
      '/@': resolve(__dirname, 'src') // 设置 `/@` 指向 `src` 目录
    }
  },
  server: {
    port: 8080, // 设置服务启动端口号
    host: '0.0.0.0',//显示IP
    // open: true, // 设置服务启动时是否自动打开浏览器
    // 代理
    proxy: {
      '/api': {
        target: 'http://API网关所在域名',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
    }
  },
  css: {
    preprocessorOptions: {
      less: {
        // css全局变量
        modifyVars: {
          'error-color': '#ED6F6F'
        },
        javascriptEnabled: true,
      },
    },
  },
  // build: {
  //   target: 'es2015',
  //   minify: 'terser',
  //   terserOptions: {
  //     compress: {
  //       // 删除console
  //       // drop_console: true,
  //     },
  //   },
  //   // Turning off brotliSize display can slightly reduce packaging time 
  // },
})
